// alert message

(function($) {

$.hoverurl = {
    verticalOffset: -75,                // vertical offset of the dialog from center screen, in pixels 
    horizontalOffset: 0,                // horizontal offset of the dialog from center screen, in pixels/ 
    repositionOnResize: true,           // re-centers the dialog on window resize 

    // Private methods 
    _createElement: function(obj) { 
        return $(document.createElement(obj)); 
    },
    _showDialogClose: function(divID) { 
        $('#divBg' + divID).remove(); 
        $('#divOut' + divID).remove(); 
    },

    _outerMove: function(outerID, titleID) { 
        var _x;
        var _y;
        var _xx;
        var _yy;

        titleID.mousedown(function(event){
            var offset = $(this).offset();
            _x=event.clientX-offset.left;
            _y=event.clientY-offset.top+20;
            $(this).bind('mousemove', (function(event){
                _xx=event.clientX-_x;
                _yy=event.clientY-_y;
                outerID.css('top',_yy);
                outerID.css('left',_xx);
                })
            );
        });
        
        titleID.mouseup(function(event){
            $(this).unbind('mousemove');
        });
        
        titleID.mouseout(function(event){
            $(this).unbind('mousemove');
        });
    },
    showDialog: function(divID, dialogTitle, dialogWidth, dialogHeight,index) {
        var width; 
        var height;
        var title;
        var zindex;
        if (index){
            zindex = 5000 + parseInt(index);
        } else {
            zindex = 5000;
        }
        if(dialogWidth) {
            width = dialogWidth;
        } else {
            width = document.documentElement.clientWidth / 2;
        }
        
        if(dialogHeight) {
            height = dialogHeight;
        } else {
            height = document.documentElement.clientHeight / 2;
        }
        
        if(dialogTitle) {
            title = dialogTitle;
        } else {
            title = 'Dialog';
        }
        

        $('#divBg' + divID).remove(); 
        $('#divOut'+ divID).remove(); 
        $('#' + divID).attr('style', 'display:true');
        $.hoverurl._createElement('div')
        .attr('id', 'divBg'+ divID)
        .attr('class','popdivBg')
        .css({ 'position': 'absolute', 'top': '0', 'left': '0', 'z-index': String(zindex), 
            'filter': 'alpha(opacity=70)', 'opacity': '0.5', 
            'width': '100%', 
            'height': document.documentElement.scrollHeight + 'px' })
        .appendTo('body'); 

        $.hoverurl._createElement('div')
        .attr('id', 'divOut'+ divID)
        .attr("class","popdivOut")
        .css({ 'position': 'absolute', 
            'top': ($(window).height() - height) / 2 + $(window).scrollTop() + 'px', 
            'left': ($(window).width() - width) / 2 + $(window).scrollLeft() + 'px', 
             'z-index': String(zindex + 1), 'width': width + 'px', 
            'height': height + 'px', 'overflow': 'hidden' }) 
        .appendTo('body');
        //'border': '1px solid #cef',

        $.hoverurl._createElement('div')
        .attr('id', 'divTrans'+ divID)
        .css({ 'height': '20px'})
        .appendTo($('#divOut'+ divID));
        
        $.hoverurl._createElement('div')
        .attr('id', 'divTitle'+ divID)
        .attr("class","popDilogTitle")
        .css({ 'textAlign': 'left', 'cursor': 'move', 'height': '20px', 'vertical-align': 'middle' })
        .html(title)
        .appendTo($('#divOut'+ divID));
        
        $.hoverurl._outerMove($('#divOut'+ divID), $('#divTitle'+ divID));
        
        $.hoverurl._createElement('img')
        .attr('id', 'imgClose'+ divID)
        .attr('src', getCloseImage())
        .click(function () { $.hoverurl._showDialogClose(divID); })
        .css({ 'position': 'absolute', 'cursor': 'pointer', 'right': '10px', 'top': '25px'})
        .appendTo($('#divTitle'+ divID));
        $.hoverurl._createElement('div')
        .attr("class","popDilogDiv")
        .css({'textAlign': 'center', 'padding': '12px', 
            'height': height - 80, 'overflow': 'auto'})
        .html($('#' + divID))
        .appendTo($('#divOut'+ divID));
        $.hoverurl._createElement('input')
        .attr("id", "divDialogID")
        .attr("type", "hidden")
        .val(divID)
        .appendTo($('#divOut'+ divID));
    }
}

JdialogForUrl = function(divID, dialogTitle, dialogWidth, dialogHeight, index) {
    $.hoverurl.showDialog(divID, dialogTitle, dialogWidth, dialogHeight, index);
};

JdialogCloseForUrl = function(divID) {
    $.hoverurl._showDialogClose(divID);
};
})(jQuery);

